<%-- 
    Document   : application_view
    Created on : Feb 2, 2013, 12:28:50 AM
    Author     : owtee
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<script type="text/javascript" src="../js/application.js"></script>

<div id="templatemo_main_wrapper">
    <div id="templatemo_main">
        <div id="content">             
            <div id="home" class="section">
                <table align="center" border="0" style="width: 780px;">
                    <c:forEach items="${mesLst}" var="message">
                        <tr>
                            <td colspan="6">${message.getMesDetail()}</td>
                        </tr>
                    </c:forEach>
                    <tr>
                        <td colspan="4">ใบรับส่งเอกสาร</td>                            
                        <td style="text-align: right;">เลขที่งาน -:</td>
                        <td style="text-align: left;">${job.getJobId()}</td>
                    </tr>
                    <tr>
                        <td colspan="6">ข้อมูลผู้แจ้งงาน<hr></td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">ชื่อผู้สั่งงาน -:</td>
                        <td style="text-align: left;">${job.getRequestUser().getEmpFirstName()}&nbsp;&nbsp;${job.getRequestUser().getEmpLastName()}</td>
                        <td style="text-align: right;">หน่วยงาน -:</td>
                        <td style="text-align: left;">${job.getRequestUser().getDivId().getDivName()}</td>
                        <td style="text-align: right">โทรศัพท์ -:</td>
                        <td style="text-align: left;">${job.getRequestUser().getTelephone()}</td>
                    </tr> 
                    <tr>
                        <td style="text-align: right;">วันที่สั่งงาน -:</td>
                        <td style="text-align: left;">${job.getRequestDateFormat()}</td>
                        <td style="text-align: right;">วันที่ รับ/ส่ง -:</td>
                        <td style="text-align: left;">${job.getExpectDateFormat()}</td>
                        <td style="text-align: right;">ช่วงเวลา -:</td>
                        <td style="text-align: left;">${job.getPeriodId().getPeriodName()}<c:if test="${job.getPeriodId().getPeriodId() == '4'}"> (<fmt:formatDate type="time" value="${job.getUrgentDate()}" />)</c:if></td>
                    </tr>
                    <tr>
                        <td colspan="6">รายละเอียดงาน<hr></td>
                    </tr>
                    <tr>
                        <td colspan="6">
                            <table id="tblJob" name="tblJob" border="1" width="100%" style="background-color: greenyellow;" align="center">
                                <thead>
                                    <td style="width: 10%; text-align: center;">ประเภท</td>
                                    <td style="width: 25%; text-align: center;">งาน</td>
                                    <td style="width: 45%; text-align: center;">รายละเอียด</td>
                                    <td style="width: 10%; text-align: center;">แก้ไข</td>
                                    <td style="width: 10%; text-align: center;">ลบ</td>
                                </thead>
                                <c:forEach items="${job.getJobDetailsCollection()}" var="jobDetail" varStatus="status">
                                    <tbody>
                                        <td style="text-align: center;">${jobDetail.getActionId().getActionName()}</td>
                                        <td>${jobDetail.getItemId().getItemName()}</td>
                                        <td>${jobDetail.getDescription()}</td>
                                        <td style="text-align: center;">&nbsp;</td>
                                        <td style="text-align: center;">&nbsp;</td>
                                    </tbody>
                                </c:forEach>
                            </table>
                        </td>
                    </tr>
                    <tr><td colspan="6">&nbsp;</td></tr>
                    <tr>
                        <td style="text-align: right;">หมายเหตุ -:</td>
                        <td colspan="5" style="text-align: left;">
                            <textarea class="inputbox_warn" id="txtRemark" name="txtRemark" rows="2" cols="60" readonly>${job.getRemark()}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="6">บุคคลที่ติดต่อ<hr></td>
                    </tr>                        
                    <tr>                            
                        <td style="text-align: right;">บริษัท -:</td>
                        <td style="text-align: left;">${job.getConId().getConComId().getConComName()}</td>
                        <td style="text-align: right;">ชื่อผู้ติดต่อ -:</td>
                        <td style="text-align: left;">${job.getConId().getConName()}</td>
                        <td style="text-align: right;">โทรศัพท์ -:</td>
                        <td style="text-align: left;">${job.getConId().getConTel()}</td>
                    </tr>                        
                    <tr>
                        <td style="text-align: right;">ที่อยู่ -:</td>
                        <td colspan="5">
                            <textarea id="txtComAddress" name="txtComAddress" rows="3" cols="60" readonly>${job.getConId().getConComId().getConComAddress()}</textarea>
                        </td>                            
                    </tr>
                    <tr>
                        <td colspan="6">Messenger<hr></td>
                    </tr> 
                    <c:if test="${fromPage == 'msgGet'}">
                        <tr>                            
                            <td style="text-align: right;">จ้างงานนอก -:</td>
                            <td style="text-align: left;">
                                <select id="ddlEmploy" name="ddlEmploy" <c:if test="${member.getAdminFlag() == false}">disabled</c:if>>
                                    <option value="">- กรุณาเลือก -</option>
                                    <option value="true">จ้าง</option>
                                    <option value="false">ไม่จ้าง</option>
                                </select>
                            </td>
                            <td style="text-align: right;">&nbsp;</td>
                            <td style="text-align: left;">&nbsp;</td>
                            <td style="text-align: right;">&nbsp;</td>
                            <td style="text-align: left;">&nbsp;</td>
                        </tr>
                    </c:if> 
                    <c:if test="${fromPage == 'msgClose' || fromPage == 'reqView'}">
                        <tr>                            
                            <td style="text-align: right;">จ้างงานนอก -:</td>
                            <td style="text-align: left;">  
                                <c:choose>
                                    <c:when test="${job.getEmployMsgFlag() == 'true'}">
                                        จ้าง
                                    </c:when>
                                    <c:when test="${job.getEmployMsgFlag() == 'false'}">
                                        ไม่จ้าง
                                    </c:when>
                                </c:choose>                                
                            </td>
                            <td style="text-align: right;">&nbsp;</td>
                            <td style="text-align: left;">&nbsp;</td>
                            <td style="text-align: right;">&nbsp;</td>
                            <td style="text-align: left;">&nbsp;</td>
                        </tr>
                        <tr>                            
                            <td style="text-align: right;">วันที่ปฏิบัติงาน -:</td>
                            <td style="text-align: left;">${job.getMsgActionDateFormat()}</td>
                            <td style="text-align: right;">ชื่อผู้ปฏิบัติงาน -:</td>
                            <td style="text-align: left;">
                                ${job.getMsgUser().getEmpFirstName()}&nbsp;&nbsp;${job.getMsgUser().getEmpLastName()}
                            </td>
                            <td style="text-align: right;">โทรศัพท์ -:</td>
                            <td style="text-align: left;">${job.getMsgUser().getTelephone()}</td>
                        </tr>
                        <tr>                            
                            <td style="text-align: right;">วันที่ปิดงาน -:</td>
                            <td style="text-align: left;">${job.getFinishDateFormat()}</td>
                            <td style="text-align: right;">&nbsp;</td>
                            <td style="text-align: left;">&nbsp;</td>
                            <td style="text-align: right;">&nbsp;</td>
                            <td style="text-align: left;">&nbsp;</td>
                        </tr>
                    </c:if>
                    <tr>
                        <td style="text-align: right;">ข้อความ -:</td>
                        <td colspan="5" style="text-align: left;">
                            <textarea class="inputbox_warn" id="txtMsgRemark" name="txtMsgRemark" rows="3" cols="60" <c:if test="${fromPage == 'reqView'}">readonly</c:if>>${job.getMsgRemark()}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="6" style="text-align: center;">
                            <c:if test="${fromPage == 'msgGet'}">
                                <input type="button" value="ยอมรับ" onclick="msgApprove('${job.getJobId()}', 'ddlEmploy', '${member.getAdminFlag()}', 'N')"/>
                                <input type="button" value="ปฏิเสธ" onclick="msgReject()"/>
                            </c:if>
                            <c:if test="${fromPage == 'msgClose'}">
                                <input type="button" value="งานเสร็จสมบูรณ์" onclick="msgComplete()"/>
                                <input type="button" value="งานเสร็จไม่สมบูรณ์" onclick="msgNotComplete()"/>
                            </c:if>                               
                            <input type="button" value="ย้อนกลับ" onclick="window.history.back()">
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 12%">&nbsp;</td>
                        <td style="width: 24%">&nbsp;</td>
                        <td style="width: 12%">&nbsp;</td>
                        <td style="width: 24%">&nbsp;</td>
                        <td style="width: 12%">&nbsp;</td>
                        <td style="width: 16%">&nbsp;</td>
                    </tr>
                </table>
                <input type="hidden" id="hdJobId" name="hdJobId" value="${job.getJobId()}"/>                
            </div>                         
        </div> 
    </div>
</div>
